<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>物流信息</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index3.css">
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script>
        // $(document).ready(function () {
        //     var whei = $(window).width()
        //     $("html").css({ fontSize: whei / 22 });
        //     $(window).resize(function () {
        //         var whei = $(window).width();
        //         $("html").css({ fontSize: whei / 22 })
        //     });
        // });
    </script>
</head>
<body>

<div id="app" class="main">
    <!-- <div class="header">
        <div class="header-left fl" id="time"></div>
        <div class="header-center fl">
            <div class="header-title">
                物流信息展示系统
            </div>
            <div class="header-img"></div>
        </div>
        <div class="header-right fl"></div>
        <div class="header-bottom fl"></div>
    </div> -->

    <div class="center">
        <div class="center-left fl">
            <div class="center-left-cen rightTop border" >
                <div class="center-left-cen-left fr">
                     <!-- <div class="center-left-cen-top1 fl rightTop border">
                         <div class="allnav" id="chart_7" style="height: 2.4rem;"></div> 
                    </div>  -->
                     <!-- 男女  -->
                    <div class="center-left-cen-top2 fr rightTop border">
                        <div class="allnav" id="Gender" style="height: 2.4rem;"></div>
                    </div>
                </div>
                <!-- 中国地图 -->
                <div class="center-left-cen-right fl">
                    <div class="allnav" id="china"></div>
                </div>

                <div class="center-left-zhong rightTop border fl">
                    <!-- 订单情况 -->
                        <div class="title">订单情况</div>
                        <div class="bottom-b">
                          <div id="dingdan" class="allnav"></div>
                      </div>
                </div>
                <!-- 买家情况 -->
                <!-- <div class="center-left-bottm rightTop border fr">
                      <div class="allnav" id="chart_5" style="height: 2.4rem;"></div> 
                </div> -->
            </div>

        </div>



        <div class="center-right fr">
            <!--  -->
            <div class="center-right-top rightTop border">
                <div class="allnav" id="chart_3" style="height: 3rem;"></div>
            </div>
            <!-- 销售目标，和实际达标 -->
            <div class="center-right-cen-left fl rightTop border">
                <div class="allnav" id="chart_6" style="height: 3rem;"></div>
            </div>
            <div class="center-right-cen-right fr rightTop border">
                <div class="allnav" id="chart_8" style="height: 3.2rem;"></div>
            </div>
            <div class="center-right-bottom rightTop border fl">
                <!-- <div class="allnav" id="maps" style="height: 3.35rem;"></div> -->
                <div class="allnav" id="chart_5" style="height: 3.5rem;"></div>
            </div>
        </div>



    </div>



</div>


<script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
<script src="js/china.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/index3.js"></script>
<script src="js/newmap.js"></script>


<script>

</script>
</body>
</html>